@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }
.fangbg .fl{ float:left;}
.fangbg .fr{ float:right;}


.fanglist ul{padding-bottom:70px; }


.box_skitter .prev_button,.box_skitter .next_button{position: absolute; bottom: 0; width:100px;height:62px;  left: 50%; z-index: 9;display:none!important;}
.box_skitter .prev_button{margin-left: -600px;background:#f4f4f4 url(/images/bprev.png) no-repeat center center;}
.box_skitter .next_button{margin-left: -500px;background:#f4f4f4 url(/images/bnext.png) no-repeat center center;}
.box_skitter .prev_button:hover{background:#118cd0 url(/images/bprev1.png) no-repeat center center;}
.box_skitter .next_button:hover{background:#118cd0 url(/images/bnext1.png) no-repeat center center;}
        
.ys h0{ font:36px ; font-weight:bold; color:#333; text-align:center; padding-bottom:30px;display:block;}
.xc h0{ font:36px ; font-weight:bold; color:#333; text-align:center; padding-bottom:30px;display:block;}

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.link{height:58px; background:#e1e1e1; overflow: hidden; line-height: 58px;}
.link h2{width:75px; float: left; font-size: 14px;color:#333333;overflow: hidden;}
.link p{ width:965px; float: left;overflow: hidden; font-size: 14px; color:#6a6a6a;}
.link p a{ display: inline-block;padding: 0 16px;color:#6a6a6a;}
.link p a:hover{ color:#118cd0; text-decoration: underline;}
.link span{ display: block; float: right;margin-top: 11px; width:140px; height:37px; background:#118cd0; border-radius: 30px; font-size: 14px; text-align: center;line-height: 37px; color:#fff;}
.link span img{ vertical-align: middle; margin-left: 10px;}
.link span a{ color:#fff;}

.brand{margin: 72px auto 0; height:204px; width:1200px; overflow: hidden;}
.brand dl{ width:300px; height:128px;border:1px solid #d9d9d9;padding: 25px 13px 0; float: left; position: relative; margin-right: -1px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden;}
.brand dt{ float: left; width:76px; overflow: hidden;}
.brand dt img{ width:76px;height:76px;}
.brand dd{ float: right; width:186px; overflow: hidden; font-size: 14px; line-height: 18px; color:#979797;}
.brand dd p{font-weight: normal;font-size: 22px; color:#333; line-height: 36px; padding-bottom: 5px;}

.lc{margin-top: 54px;height:144px;overflow: hidden;}
.lc h0{ width:393px; float: left; overflow: hidden; font-size: 36px; color:#3c3c3c; line-height: 40px; font-weight: normal;}
.lc h0 p{ font-size: 20px;}
.lc h0 span{ color:#118cd0;font-weight: bold;}
.lc h3{ width:50px; float: left; font-size: 18px; color:#3c3c3c; line-height: 20px;}
.lc h3 span{ display: block; float: left; width:20px;}

.lc ul{ width:735px; float: right; overflow: hidden;}
.lc li{background: url(/images/lc_line.png) no-repeat right 0 ; padding-right: 20px; width:130px; font-size: 16px; color:#3c3c3c; line-height: 24px; text-align: center; float: left;}
.lc li img{ display: block; margin: 0 auto 10px; width:51px; height:51px;}
.lc li:last-child{ padding-right: 0; background:none;}

.fenl{height:284px; overflow: hidden;}
.fenl li{ float: left; width:393px; margin-right: 10px ; position: relative; overflow: hidden;}
.fenl li:last-child{margin-right: 0;}
.fenl li h3{position: absolute; top: 0; left:0; padding: 12px 0 0 20px; font-size: 24px; color:#fff;line-height: 30px;}
.fenl li h3 i{ display: block; font-size: 12px; font-family: Arial; color:#e59d9c; text-transform: capitalize;}
.fenl li h3 span{ display: block; margin-top: 30px; width:97px; height:34px; background:#cb4c4c; text-align: center; font-size: 24px; color:#fff; text-transform: uppercase;font-weight: normal; border-radius:2rem;}
.fenl li:nth-child(2) h3{ color:#fff;}
.fenl li:nth-child(2) h3 span{ background:#118cd0;}
.fenl li:nth-child(2) h3 i{ color:#118cd0;}
.fenl li:nth-child(3) h3 span{ background:#906ecf;}
.fenl li h3 span img{vertical-align: top; margin-left: 10px; margin-top: 5px;}
.fenl li h3 span img{vertical-align: top; margin-left: 10px; margin-top: 5px;}
.fenl li a:hover img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.fangbg{ padding: 38px 0 60px;background:#f4f4f4;}
.fang{ padding-bottom: 25px;}
.fang h2{ height:89px; font-size: 30px; font-weight: normal;line-height: 89px;}
.fang h2 a{ color:#3c3c3c;}

.fang h2 span{ display: block;background:url(/images/ctel.png) no-repeat left center;padding-left: 27px; float:right; font-size:14px;}
.fang h2 span em{ display: inline-block; font-size: 24px; font-weight: bold; color:#118cd0; font-family: Arial; vertical-align: middle;letter-spacing: -1px;padding-left: 5px;}


.fangimg{ width:400px; float: left;position: relative;}
.fangimg img{ width:400px; height:618px;}
.fangimg h3{ position: absolute; top: 57px;left: 45px;font-weight: normal; color:#3c3c3c; font-size: 28px; line-height: 38px;}
.fangimg h3 span{ display: block;  font-size: 14px;}
.fangimg h3  img{ display: block; width:49px; height:49px; margin-top: 22px;}
.fang ul{overflow: hidden; padding-bottom: 2px;}
.fang li{width:397px; background:#fff; border:1px solid #dbdbdb; float: left;}
.fang li img{ width:397px; display:block; }
.fang li p{ width:100%;height:60px; text-align: center; font-size: 18px; color:#3c3c3c; line-height: 24px;font-weight: normal;}
.fang li p span{ display: block; font-size: 14px; color:#7b7b7b; height:22px; overflow:hidden; line-height:22px;}

.fanglist1{}
.fanglist1 h2{ height:92px; text-align: center; font-size: 36px; line-height: 92px;}
.fanglist1 h2 a{ color:#3c3c3c;}
.fanglist1 p{ padding: 22px 0 0 24px;height:107px; border:1px solid #dbdbdb;background:#fff; overflow: hidden;}
.fanglist1 p a{ line-height: 36px; font-size: 16px; display: block; float: left; color:#3c3c3c; width:20%; margin-bottom: 10px;}
.fanglist1 p img{vertical-align: middle; margin-right: 5px; }

.ys{ margin:60px auto 0; width:1200px; height:592px; overflow: hidden; position: relative;}
.ysprev , .ysnext{ position: absolute; right:60px; width:19px;height:16px; z-index: 3;}
.ysprev{bottom:70px;background: url(/images/ysprev.png) no-repeat 0 0 ;}
.ysnext{bottom:117px;background: url(/images/ysnext.png) no-repeat 0 0 ;}
.ysprev:hover{background: url(/images/ysprev1.png) no-repeat 0 0 ;}
.ysnext:hover{background: url(/images/ysnext1.png) no-repeat 0 0 ;}
.ys_c{ height:592px; overflow: hidden;}
.ys_c dt{ float: right;width:600px;}
.ys_c dt img{ width:600px; height:592px;}
.ys_c dd{ width:600px; float: left; overflow: hidden; border-top: 3px solid #8a8a8a;}
.ys_c dd h3{ font-size: 48px; color:#040000;background: url(/images/ys_ico.png) no-repeat right 58px; padding-top: 58px; width:524px; line-height: 50px;}
.ys_c dd p{padding: 79px 135px 0 0 ; height:120px; overflow: hidden; font-size: 18px; color:#040000; line-height: 26px;}
.ys_c ul{height:164px; overflow: hidden;}
.ys_c li{ float: left;border:3px solid #d8d8d8; width:114px;height:142px; margin-right: 12px; color:#434343;font-weight: bold;}
.ys_c li em{display: block; text-align: center;  font-size:16px ;}
.ys_c li p{ padding: 15px 0 0 15px; font-size: 16px; height:90px;}
.ys_c li p span{ display: block; font-size: 48px; font-family: Arial;font-weight: normal; line-height: 52px;}
.ys_c dd i {display: block; font-size: 17px; color:#040000;  font-family: Arial;font-weight: bold;}
.ysnav{ position: absolute; bottom:15px; width:570px; right: 15px; z-index: 2;overflow: hidden;height:153px; background:#fff;}
.ysnav li{ float: left;height:145px;border-right: 2px solid #d8d8d8; overflow: hidden; font-size: 16px; color:#434343;font-weight: bold; text-align: center;}
.ysnav li img{ display: block; margin: 0 auto 18px; width:119px; height:65px;}
.ysnav li.cur{ color:#118cd0;}
.ysnav li.cur img{border:3px solid #118cd0;width:113px;height:59px;}

.bz{background:url(/images/bzbg.jpg) repeat 0 0 ; padding-top: 23px; height:350px; overflow: hidden;}
.bz h0{ height:145px;background:#118cd0; font-size: 24px; color:#fff; padding: 15px 15px 0; margin-top:80px;width:60px; line-height: 26px;font-weight: normal; float: left; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bz ul{width:1100px; float: right; height:350px; border-left: 1px solid #d3d3d3; overflow: hidden;}
.bz li{ float: left;border-right: 1px solid #d3d3d3; width:218px; margin-top:20px;font-size: 16px; color:#434343;font-weight: bold; text-align: center; line-height: 24px;}
.bz li img{ display: block; width:180px; height: 90px; margin: 0 auto 16px;}
.bz li  i{ display: block; font-size: 12px; font-family: Arial; color:#b2b2b2;font-weight: normal;}

.xc{ width:1200px; margin:60px auto 0; height:525px; position: relative;}
.xcprev{ position: absolute; top: 190px;left: -64px;background: url(/images/xcprev.png) no-repeat 0 0; width:44px; height:44px; }
.xcnext{ position: absolute; top: 190px;right: -64px;background: url(/images/xcnext.png) no-repeat 0 0; width:44px; height:44px;}
.xcprev:hover{background: url(/images/xcprev1.png) no-repeat 0 0; width:44px; height:44px; }
.xcnext:hover{background: url(/images/xcnext1.png) no-repeat 0 0; width:44px; height:44px;}
.xcimg li{ float: left;width:386px; margin-right: 21px; overflow: hidden;height:400px; position:relative;}
.xcimg li a{ display:block; height:400px; background:#f4f4f4;}
.xcimg li a:hover{ text-decoration:none;}
.xcimg li img{width:386px;height:277px;}
.xcimg li span{ padding: 32px 0 0 32px; width:278px;display:block; font-size: 24px; line-height: 28px; color:#3c3c3c;}
.xcimg li p{ font-size: 14px;width:278px; color:#898989;padding: 10px 0 0 32px;}
.xcimg li h5{ width:50px; height:50px; overflow:hidden; position:absolute; top:310px; right:20px;}
.xcimg li h5 em{ display:block;width:50px; height:50px;}
.xcimg li h5 img{display:block;width:50px; height:50px;}
.xcimg li h5 i{display:block;width:50px; height:50px;}
.xcimg li a:hover h3,.xcimg li a:hover p{ color:#fff;}
.xcimg li a:hover{background:#118cd0; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.xcimg li a:hover em{ display:none;}

.zx{ height:37px; width:1200px; margin: 0 auto; border:1px solid #dfdfdf; border-width:  1px 0; overflow: hidden; position: relative;}
.zx h0{background:  url(/images/zxico.png) no-repeat 0 center; padding-left: 35px; height:37px; font-size: 14px; line-height: 37px; width:82px; float: left; overflow: hidden;}
.zx h a{ color:#118cd0;}
.zximg ul{ float: left;width:1078px;overflow: hidden;}
.zximg li{ width:535px; float: left; font-size: 14px; color:#898989; line-height: 37px;}
.zximg li a{ color:#898989; }

.zxprev{ position: absolute; top: 11px;right: 30px;background: url(/images/zxprev.png) no-repeat 0 0; width:10px; height:18px;  z-index: 3; cursor:pointer;}
.zxnext{ position: absolute; top: 11px;right: 0px;background: url(/images/zxnext.png) no-repeat 0 0; width:10px; height:18px; z-index: 3;cursor:pointer;}
.zxprev:hover{background: url(/images/zxprev1.png) no-repeat 0 0; width:10px; height:18px; }
.zxnext:hover{background: url(/images/zxnext1.png) no-repeat 0 0; width:10px; height:18px;}

.newsbg{padding-top: 80px;height:690px; overflow: hidden; background:#f4f4f4; margin-top:80px;}
.newsbg h0{ font:36px ; font-weight:bold; color:#333; text-align:center; padding-bottom:30px;display:block;}
.newsbg h0 a:hover{ text-decoration:none;}
.news{ width:624px; height:530px; overflow:hidden;}
.newsnav{ height:60px; margin-bottom:38px; overflow:hidden;}
.newsnav li{ width:200px; height:60px; float:left; margin-right:10px; font:16px ; line-height:28px; text-align:center; line-height:58px;}
.newsnav li a{ display:block; width:198px; height:58px; border-radius:0.3rem; border:1px solid #ebebeb; background:#fff;}
.newsnav li:last-child{ margin-right:0;}
.newsnav li a:hover,.newsnav .cur a{ background:#118cd0; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.news_c dl{ height:198px; overflow:hidden; margin-bottom:40px;}
.news_c dt{ width:272px; float:left; height:198px; overflow:hidden;}
.news_c dt img{ display:block; width:272px; height:198px;}
.news_c dd{ width:295px; float:right; overflow:hidden;}
.news_c dd b a{ display:block; font-size:20px ; color:#333; height:40px;  overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_c dd p{ font:14px ; line-height:24px; color:#666; height:96px; overflow:hidden;}
.news_c dd span a{ display:block; width:170px; height:40px; font:14px ; text-align:center; line-height:40px; color:#fff; overflow:hidden; background:#118cd0; margin-top:15px; border-radius:2rem;}
.news_c li{ height:74px; font:14px ; line-height:74px; border:1px solid #ebebeb; margin-bottom:20px; background:#fff;}
.news_c li p{ width:115px; float:left; text-align:center; height:50px; margin-top:10px; font:16px Arial; color:#aaa;border-right:1px solid #ebebeb; margin-right:20px;}
.news_c li p span{ display:block; font:24px Arial; color:#333;}
.news_c li a{ display:block; color:#333;background: url(/images/news_ico02.png) no-repeat 568px center;}
.news_c li a:hover{background: url(/images/news_ico01.png) no-repeat 568px center;}

.new01{ height:405px; overflow:hidden; position:relative;}
.new01 dl{ width:292px; overflow:hidden; height:355px;}
.new01 dt{ width:292px; height:212px; overflow:hidden;float:none;}
.new01 dt img{ display:block; width:292px; height:212px;}
.new01 dd span a{display:block; font-size:20px ; color:#333; height:40px; line-height:40px; margin-top:12px; overflow:hidden;background:none;font-weight:bold;}
.new01 dd{ float:none;}
.new01 dd p{ height:72px; overflow:hidden;}
.new01 dl:nth-child(2n-1){ float:left;}
.new01 dl:nth-child(2n){ float:right;}
.newtt{width:100%; height:12px; overflow:hidden; position:absolute; bottom:0; text-align:center;}
.newtt:before{ content:""; position:absolute; top:6px; left:0; width:245px; height:1px; background:#d6d6d6;}
.newtt:after{ content:""; position:absolute; top:6px; right:0; width:245px; height:1px; background:#d6d6d6;}
.newtt a{ display:inline-block;width:12px; height:12px; border-radius:12px; background:#c2c2c2; margin:0 6px;}
.newtt .cur02{background:#118cd1;}

.faq{ width:520px; height:555px; overflow:hidden; float:right;}
.faq2{ height:444px;}
.faq h2{ background:#fff; font:16px ; line-height:58px; padding:0 20px;height:58px; border-radius:0.3rem; border:1px solid #ebebeb; margin-bottom:15px;}
.faq h2 a{ display:block; text-align:left; color:#666;background: url(/images/news_ico02.png) no-repeat right center;}
.faq dl{ border-bottom:1px dashed #ebebeb; padding:29px 0;}
.faq dt a{ display:block; font:16px ; line-height:30px; height:30px; overflow:hidden;background: url(/images/w.png) no-repeat left center; padding-left:48px; color:#333;}
.faq dd{ font:14px ; line-height:24px; color:#979797; padding-left:48px; margin-top:5px;}
.faq dt a:hover{ color:#118cd0;}